 
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>積分商城</title>

    <!-- Bootstrap core CSS -->
    <link href="{$smarty.const.CSS_PATH}bootstrap.min.css" rel="stylesheet">
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="jumbotron.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
    	
    </script>
    <style type="text/css">
    li{ float: left;margin-right: 70px;list-style: none;}
    hr{  height:2px;border:none;border-top:2px solid #185598;}
    .goodsli{ margin-top: 10px;}
    .dropdown:hover .dropdown-menu{
    	display: block;
    }
    .dlist{ width: 200px;}
    </style>
  </head>

  <body>
	<div class="container">
    <nav class="navbar">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img src="{$smarty.const.IMAGES_PATH}logo.jpg" /></a>
        </div>
        
        <div id="navbar" class="navbar-collapse collapse">
          <form class="navbar-form navbar-right">
            
            <div class="input-group">
  				<p class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-search"></span></p>
  				<input type="text" class="form-control" placeholder="耳机" aria-describedby="basic-addon1">
			</div>
			<div class="input-group">
				<a href="#"><img src="{$smarty.const.IMAGES_PATH}car.jpg" alt="..." class="img-rounded" style="height: 50px;width: 50px;"></a>
            </div>
            <div class="input-group dropdown">
                <a href="#"><img src="{$smarty.const.IMAGES_PATH}k3.jpg" alt="..." class="img-rounded" style="height: 50px;width: 50px;"></a>  
                     <ul class="dropdown-menu dropdown-menu-left">
                     	<li><a href="#" class="dlist">个人信息</a></li>
                     	<li><a href="#" class="dlist">个人信息</a></li>
                     </ul>
			</div>
          		
          </form>
        </div>
          <hr/>
    </nav>
    	<div class="list-group">
      	<p><a href="{$smarty.const.__MODULE__}/index/index">首页</a><span class="glyphicon glyphicon-chevron-right"></span><a href="{$smarty.const.__CONTROLLER__}/goalstore">积分商城</a><span class="glyphicon glyphicon-chevron-right"></span>{$good_info.name}</p>
    	</div>
    		
    	<div class="row">
			<div class="col-lg-offset-2 col-lg-4">	
					<img src="{$smarty.const.SITE_URL}{$good_info.picture}" alt="..."  style="height: 330px;width: 300px;">
			</div>
			<div class="col-lg-6">	
				<p style="margin-top: 60px;"><font style="font-size: 25px;color: black;">{$good_info.name}</font></p>
				<p style="margin-left: -40px;margin-top: 40px;"><font style="font-size: 25px;color: deeppink;"><span class="glyphicon glyphicon-yen" style="margin-left: 60px;"></span>{$good_info.price}&nbsp;&nbsp;累积购买{$good_info.salecount}次</font></p>
				<p style="margin-top: 60px;"><a type="button" role="button" href="{$smarty.const.__MODULE__}/Order/addorder/buyerid/{$smarty.session.id}/igoodsid/{$good_info.id}" class="btn btn-danger" style="width: 300px;">立即购买</a></p>
				
			</div>	
		</div>			
				<br />	
		<div class="row">
			<div class="col-lg-offset-1 col-lg-5">	
				<p><font style="font-size: 15px;color: black;"><b>商品详情</b></font></p><hr/>
				<div>{$good_info.detail}
				</div>
			</div>
			<div class="col-lg-4">	
				<div class="panel panel-primary">
							<div class="panel-heading">
								热门商品
							</div>
							<div class="panel-body" style="position: relative;">
								{foreach $hotgoods_info as $k=>$v}
								<div class="hotgoodslist" style="position: relative;">
									<div >
										<a href="{$smarty.const.__CONTROLLER__}/goodsdetail/id/{$v.id}"><img src="{$smarty.const.SITE_URL}{$v.picture}" alt="..."  style="height: 80px;width: 100px;"></a>
									</div>
									<div style="position: absolute;left: 120px;top: 0px;" class="goodsli">
										<p><a href="{$smarty.const.__CONTROLLER__}/goodsdetail/id/{$v.id}"> <font style="font-size: 15px;color: deeppink;">{$v.name}</font></a></p>
										<p style="margin-left: -50px;"><font style="font-size: 15px;color: deeppink;"><span class="glyphicon glyphicon-yen" style="margin-left: 60px;"></span>{$v.price}&nbsp;&nbsp;&nbsp;&nbsp;{$v.salecount}次购买</font></p>
									</div>
								</div>
								{/foreach}
							</div>
						</div>
			</div>	
		</div>	
	
      <footer>
        <p>&copy; 2016 Company, Inc.</p>
      </footer>
    </div>
</div>  

    
					


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="../assets/js/vendor/jquery.min.js"><\/script>')</script>


  	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    
  </body>
</html>
